@(testSuiteId: Long, testSuiteForm: Form[Resource], projectId: Long, testCases: List[Resource])

@css = {
	<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/testsuites/edit.min.css")" />
	<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/testsuites/list.min.css")" />
	<link rel="stylesheet" type="text/css" href="@routes.Assets.at("stylesheets/testcases/list.min.css")" />
}

@main("Edit test suite", css) {

	<div class="resource-form-2-column">
		@helper.form(action = routes.TestSuites.updateTestSuite(projectId, testSuiteId)) {  
			
			<div class="column">
				@helper.inputText(testSuiteForm("name"), '_label -> "Test suite name", '_help -> "The name used to identify this test suite. The name is required.", 'readonly -> "readonly")
		
				@helper.textarea(testSuiteForm("description"), '_label -> "Description", '_help -> "A short description of the test suite.", 'class -> "input-description")
			</div>
						
			<div class="column-wide">
				<input type="submit" value="Update test suite" />
			</div>
			
		}
		
		<div class="clear-right"></div>
	</div>
    
    <div class="test-cases-container">
		<fieldset class="test-cases">
	    	<legend>Test cases</legend>
	
	    	<a href="@controllers.routes.TestCases.listTestCases(projectId, testSuiteId)">List test cases</a> @*<a href="@controllers.routes.TestCases.addTestCase(projectId, testSuiteId)">Add test case</a>*@
	    	
	    	@views.html.testcases.controls.list(projectId, testSuiteId, testCases)
	    </fieldset>
    </div>
	
}
